<template>
  <div class="page-box">
    <dataList
      placeholder="请输入物业名称"
      :pageInfo="pager"
      :listData="tableData"
      :selectData="selectDataArr"
      searchName="projectName"
      :menuList="['export']"
      openSelection
      :filterList="filterList"
      @menu-click="handleMenuClick"
    >
      <el-table :data="tableData" align="center" @selection-change="$event => (selectDataArr = $event)">
        <el-table-column width="60px" fixed type="selection"></el-table-column>
        <el-table-column label="调整日期" align="center" prop="adjustmentDate" width="100"></el-table-column>
        <el-table-column label="调整方式" align="center" prop="adjustmentType" width="100">
          <template slot-scope="scope">{{scope.row.adjustmentType | dict('adjustment_type')}}</template>
        </el-table-column>
        <el-table-column label="物业名称" align="center" prop="projectName" width="100"></el-table-column>
        <el-table-column label="费用对象" align="center" prop="costProjectName" width="100"></el-table-column>
        <el-table-column label="收费项目" align="center" prop="chargeProject" width="100"></el-table-column>
        <el-table-column label="应收日期（调整前）" align="center" prop="receivableDateOld" width="100"></el-table-column>
        <el-table-column label="应收日期（调整后）" align="center" prop="receivableDate" width="100"></el-table-column>
        <el-table-column label="应收金额（调整前）" align="center" prop="receivableMoneyOld" width="100"></el-table-column>
        <el-table-column label="应收金额（调整后）" align="center" prop="receivableMoney" width="100"></el-table-column>
        <el-table-column label="操作人" align="center" prop="operateName" width="100"></el-table-column>
        <el-table-column label="备注" align="center" prop="remarks" width="100"></el-table-column>
      </el-table>
    </dataList>
  </div>
</template>

<script src="./index.js"></script>
<style scoped lang="scss">
@import "./index";
</style>

